<template>
	<el-pagination
		background
		layout="total,sizes,prev, pager, next, jumper"
		:default-page-size="5"
		:page-sizes="[5, 10, 20, 30]"
		:total="total"
		@size-change="$emit('bindSizeChange',$event)"
		@current-change="$emit('bindCurrentChange',$event)"
	></el-pagination>
</template>

<script setup lang="ts">
defineProps({ total: Number })
defineEmits(['bindCurrentChange', 'bindSizeChange'])
</script>

<style scoped></style>
